• SVG QR Code Generator For React Native

    Updated: 2023-01-31 10:29:52
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others SVG QR Code Generator For React Native SVG QR Code Generator For React Native A React Native component to generate Telegram-style SVG QR codes using react-native-svg How to use : it 1. Install . import Yarn yarn add react-native-svg exzos28 react-native-qrcode-svg NPM npm i react-native-svg exzos28 react-native-qrcode-svg import React from react' import StyleSheet , View , Text from react-native'

  • Animated Stopwatch & Timer For React Native

    Updated: 2023-01-30 10:59:00
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Date Time Animated Stopwatch Timer For React Native Animated Stopwatch Timer For React Native A cross-platform and performant React Native Stopwatch Timer component that empowers reanimated worklets to smoothly animate the digit change . All layout animations are executed on the UI thread at . 60FPS How to use : it 1. Install and import the stopwatch timer . component import useRef from react' import

  • Glowing Transparent Button Animation In React

    Updated: 2023-01-28 15:14:47
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others Glowing Transparent Button Animation In React Glowing Transparent Button Animation In React A glowing transparent button experiment for React . apps : Preview Download : Details Author nusu Live Demo View The Demo Download Link Download The Source Code Official Website https : github.com nusu react-glowing-button License MIT Facebook Prev Component Related Posts React Component Of Input File And

  • Collapsible Header And Custom Refresh Control For React Native

    Updated: 2023-01-18 10:09:52
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others Collapsible Header And Custom Refresh Control For React Native Collapsible Header And Custom Refresh Control For React Native A React Native component that supports a collapsible header and custom refresh control , powered by  Reanimated  and  GestureHandler Features Collapsible . header Support . for FlashList Custom refresh . control Bounce effect support on . iOS Support for iOS , Android ,

  • React Component For Rewarding Users

    Updated: 2023-01-16 10:49:17
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Animation React Component For Rewarding Users React Component For Rewarding Users This React component displays a solid color mask with the silhouette of an image , and when triggered , it performs a fade-in effect to reveal the image . Additionally , the component also plays a Lottie . animation Alternatively , a component can be passed as a child instead of an image , transition effects and Lottie

  • Typesafe Headless React Hook For Forms

    Updated: 2023-01-12 09:14:06
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Form Typesafe Headless React Hook For Forms Typesafe Headless React Hook For Forms A collection of typesafe headless React hooks for handling and validating HTML . forms : Installation NPM npm i use-headless-form Basic : usage const Form const validation useHeadlessForm({ username : defaultValue : validators : value value.length : Preview Download : Details Author complexengine Live Demo View The Demo

  • Fast, Responsive And Headless Virtualization Engine For React

    Updated: 2023-01-11 08:19:38
    , ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Others Fast , Responsive And Headless Virtualization Engine For React Fast , Responsive And Headless Virtualization Engine For React An ultra-fast , responsive and headless virtualization engine for . React How to use : it 1. . Installation NPM npm i virtualform grid 2. Create a . grid import useGrid from virtualform grid' const App const getRootProps , getWrapperProps , cells useGrid({ cells : amount :

  • Material Design Date And Time Picker For react-native-paper

    Updated: 2023-01-10 10:34:12
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Date Time Material Design Date And Time Picker For react-native-paper Material Design Date And Time Picker For react-native-paper A simple , performant , multilingual , Material Design inspired date , time , and date range picker component for react-native-paper How to use : it 1. . Installation Yarn yarn add react-native-paper-dates NPM npm i react-native-paper-dates 2. Create a single date . picker import

  • React Native Image Viewer With Reanimated

    Updated: 2023-01-09 09:14:46
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Categories Image React Native Image Viewer With Reanimated React Native Image Viewer With Reanimated A tiny , fast , and customizable image viewer component with react-native-reanimated and react-native-gesture-handler How to use : it 1. Install and import the . component Yarn yarn add react-native-reanimated-image-viewer NPM npm i react-native-reanimated-image-viewer import React from react import ImageViewer from

  • React Component For Resizable & Collapsible Panels

    Updated: 2023-01-05 11:59:30
    ReactScript Menu Home All Components Browse By Category React React Native Best Autocomplete Calendar Carousel Chart Graph Color Picker Data Table Date Picker Drag And Drop Dropdown File Upload Gallery Image Zoom JSON Viewer Layout Loading Indicator Modal Multiple Select Parallax Progressbar Range Slider Rich Text Editor Switch Toast Tooltip Tree View UI Library Featured Home Featured React Component For Resizable Collapsible Panels React Component For Resizable Collapsible Panels A set of React components to create split panels layouts that are resizable and or . collapsible How to use : it 1. Install and import the . components import Panel , PanelGroup , PanelResizeHandle from react-resizable-panels 2. Add panels resize handles to the . PanelGroup 3. Available props for the . PanelGroup

Current Feed Items | Previous Months Items

Dec 2022 | Nov 2022